抽空总结了下我的VUE入门

怎样入门Vue？

其实Vue的官方教程已经很详细了，而且还是中文版。在我看来已经是一个很详细的教程了。

前置要求

• 扎实的 JavaScript / HTML / CSS 基本功。

Vue基础

• 刚开始学习的话不要用任何构建工具，就只用最简单的 <script>，通读vue官网并把其中的例子模仿一遍，理解用法。（不推荐新手直接使用 vue-cli）

知识点衍生

• v-if v-show（他俩的区别）
• v-for 模板循环 （为什么推荐带上key）
• v-text v-html v-model vue中v-text，v-html, v-model, {{}}之间的异同
• v-on 事件监听器 （缩写:@）
• v-bind （缩写::）
• Vue的生命周期（钩子函数）详解vue生命周期
• computed和watch区别
• 插槽(slot)拓展 深入理解vue中的slot与slot-scope
• Vue组件 [父子组件间怎样传值？](https://segmentfault.com/a/1190000010530600?utm_source=tag-newest)
• vue mixins和extends的妙用

最后尝试用vue写个todolist吧

官网examples传送门

vue-router

• vue-router官网

知识点衍生

从头开始学习vue-router

Vuex

vuex

看的一脸懵逼？没关系 看看下面这个文章

知识点衍生

vuex最简单、最详细的入门文档

axios (一个基于 promise 的 HTTP 库)

axios

知识点衍生

vue中Axios的封装和API接口的管理

vue-cli脚手架

vue-cli入门

怎样撸一个后台？

• 说实话，在工作中，需要快速搭建一个后台框架，自己造轮子的速度很慢的，而且项目时间也不允许,其实现在的社区很强大的。我的第一个工作项目就是基于下面这个框架搭建起来的。里面的思路给了我很大的帮助。
• 手摸手，带你用vue撸后台 系列教程

写在最后

有条件的可以多看看源码，学习下前辈们的思路。

在一个，一定要自己敲代码！光看是没用的.多写，多练，多学。共勉!